<template>
  <div class="noData_Default">
    <!-- 写一个插槽，将来数据 结构由父组件传递过来 -->
    <div class="img">
      <slot name="defaultImg"></slot>
    </div>
    <i class="reminder">{{ props.remind }}</i>
  </div>
</template>

<script setup lang="ts">
interface IProps {
  remind: string
}

const props = withDefaults(defineProps<IProps>(), {
  remind: "系统暂无数据显示"
})
</script>

<style scoped lang="less">
// 缺省数据的样式
.noData_Default {
  display: flex;
  flex-direction: column;
  img {
    margin: auto;
    width: 420px;
    height: 420px;
  }
  .reminder {
    margin: auto;
    letter-spacing: 1px;
    font-size: 18px;
    color: #d7ddea;
    margin-bottom: 20px;
  }
}
</style>
